import { RouteConfig } from 'vue-router'
import Layout from '@/layout/index.vue'

const resourcesRoutes: RouteConfig = {
  path: '/resources',
  component: Layout,
  name: 'Resources',
  meta: {
    title: 'resources',
    icon: 'music-folder'
  },
  children: [
    {
      path: 'artists',
      component: () => import(/* webpackChunkName: "resources" */ '@/views/resources/artists/index.vue'),
      name: 'Artists',
      meta: { title: 'artists' }
    },
    {
      path: 'albums',
      component: () => import(/* webpackChunkName: "resources" */ '@/views/resources/albums/index.vue'),
      name: 'Albums',
      meta: { title: 'albums' }
    },
    {
      path: 'musics',
      component: () => import(/* webpackChunkName: "resources" */ '@/views/resources/musics/index.vue'),
      name: 'Musics',
      meta: { title: 'musics' }
    }
  ]
}

export default resourcesRoutes
